<template>
  <div class="" style="color: #333;line-height: 1.5">

    <div class="f pl30" v-if="['待商家处理', '消费者处理', '退货待处理'].includes(row.MMMMM)">
      <div class="p1758092729">
        <uv-icon v-if="row.MMMMM === '待商家处理'" color="#E60012" size="45rpx" name="bell-fill"></uv-icon> <!-- 待商家处理 -->
        <uv-icon v-if="row.MMMMM === '消费者处理' || row.MMMMM === '退货待处理'" color="#036EB8" size="45rpx" name="clock-fill"></uv-icon> <!-- 消费者处理 退货待处理  -->
      </div>
      <div class="pl20">
        <div v-if="row.MMMMM === '待商家处理'" class="fz38   fw700">消费者申请退款，待商家处理</div> <!-- 待商家处理 -->
        <div v-if="row.MMMMM === '消费者处理' " class="fz38 fw700">{{ row.PPPPP === '已收到货' && row.EEEEE === '退货物流' && row.KKKKK === '退货退款' ? '商家拒收退货，待消费者处理' : '商家驳回申请，待消费者处理' }}</div> <!-- 消费者处理1 -->
        <div v-if="row.MMMMM === '退货待处理' && row.PPPPP === '已收到货' && row.KKKKK === '退货退款' && row.EEEEE === '发货物流' " class="fz38 fw700">待消费者寄出退货</div> <!-- 退货待处理1 -->
        <div v-if="row.MMMMM === '退货待处理' && row.PPPPP === '已收到货' && row.KKKKK === '退货退款' && row.EEEEE === '退货物流' " class="fz38 fw700">退货已寄出</div> <!-- 退货待处理2 -->
        <div v-if="row.MMMMM === '退货待处理' && row.PPPPP === '未收到货' && row.KKKKK === '退款' && row.EEEEE === '退货物流'" class="fz38 fw700">消费者已拒收，物流退回中</div> <!-- 退货待处理4 -->
        <div v-if="row.MMMMM === '退货待处理' && row.PPPPP === '未收到货' && row.KKKKK === '退款' && row.EEEEE === '发货物流'" class="fz38 fw700">待消费者拒收</div> <!-- 退货待处理3 -->
        <div style="line-height:38rpx" class="fz26 pt10">
          <div class="dib" style="color:#E60012">1天11小时59分23秒</div>
          <div v-if="(row.EEEEE === '退货物流' && row.MMMMM == '退货待处理') ||  row.MMMMM == '消费者处理'" class="dib" style="color: #595757">未处理,系统将自动关闭此次售后</div> <!-- 消费者处理 退货待处理1 退货待处理3 -->
          <div v-else class="dib" style="color: #595757">未处理,系统将自动退款</div> <!-- 待商家处理 退货待处理2 退货待处理4 -->
        </div>
      </div>
    </div>

    <!-- 商家举证  商家举证即将逾期 买家举证   -->
    <div class=" " v-else-if="['商家举证', '商家举证即将逾期', '买家举证'].includes(row.MMMMM)">
     <div>
       <div class="p1758092729 dib pl30">
        <uv-icon color="#F39800" size="45rpx" name="photo"></uv-icon>
      </div>
      <div class="pl20 dib" style="">
        <div class="fz38   fw700">{{row.MMMMM == '买家举证' ?   '买' : '商'}}家举证</div>
        <div style="line-height:38rpx" class="fz26 pt10">
          <div class="dib" style="color: #595757">请在</div>
          <div class="dib" style="color:#E60012">18小时23分</div>
          <div class="dib" style="color: #595757">内举证</div>
        </div>

        <!-- <div class="mt30" style="height: 1px;background: #EFEFEF;width:100%"></div> -->

        <div style="line-height:43rpx;border-top: 1px solid #EFEFEF" class="fz30 pr30 pt30 pb20">平台已要求{{row.MMMMM == '买家举证' ? '买' : '商'}}家上传凭证，若超时未上传，客服 将按照商家举证不足处理</div>
        <div class="fz28 " style="color: #595757;">2025-04-16 18:24:25</div>
     </div>
      </div>
    </div>

    <!--  平台处理 -->
    <div class="f pl30" v-else-if="['平台处理'].includes(row.MMMMM)">
      <div class="p1758092729">
        <uv-icon color="#036EB8" size="45rpx" name="clock-fill"></uv-icon>
      </div>
      <div class="pl20">
        <div class="fz38 fw700">平台处理中</div>
        <div style="color: #595757;line-height:38rpx" class="fz26 pr30 pt10">您可在协商详情中"添加留言/上传凭证",跟进的售后客 服会根据双方提供的证据和描述进行协商处理。</div>
      </div>
    </div>

    <div class="f pl30" v-else>
      <div v-if="row.MMMMM == '退款成功'" class="p1758092729">
        <uv-icon color="#53B028" size="45rpx" name="checkmark-circle-fill"></uv-icon>
      </div>
      <div v-else class="p1758090572 f aic jcc" style="overflow: hidden;border-radius: 50%;background: #9FA0A0">
        <uv-icon color="#fff" size="28rpx" name="minus" bold></uv-icon>
      </div>
      <div class="pl20">
        <div class="fz38 fw700 " v-if="row.MMMMM == '退款成功'">{{row.PPPPP}}，退款成功</div>
        <div class="fz38 fw700 lh1" v-else>消费者撤销申请，退款关闭</div>
        <div class="">
          <div style="" class="fw500 dib fz32">¥ </div>
          <div style="line-height: 87rpx;font-size: 55rpx;" class="fw700  dib pl10"> 4.92</div>
        </div>

      </div>
    </div>
    <div class="mt30" style="height: 1px;background: #EFEFEF;width:100%"></div>

  </div>
</template>
<script>
export default {
  props: {
    row: {
      type: Object,
      default: {}
    }
  },
  data() {
    return {
      statusTextForm: {
        1: '待付款',
        3: '已发货，待收货',
        4: '待评价',
        6: '退款售后',
        2: '待发货',
        7: '已完成',
      },
    }
  }
}
</script>
<style lang="scss" scoped>
@import "../common.scss";
.p1758090572 {
  min-width: 40rpx;
  max-width: 40rpx;
  height: 40rpx;
  max-height: 40rpx;

  border-radius: 50%;
  font-weight: 700;
  color: #fff;
}

.p1758092729 {
  min-height: 60rpx;
  max-height: 60rpx;
  min-width: 45rpx;
  // max-width: 45rpx;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-items: center;
}
</style>